import React from 'react'
import { HashRouter as Router,Route,Switch,Redirect} from 'react-router-dom'
import App from './App'
import Login from './pages/login'
import Home from './pages/Home'
import Admin from './admin'
import Buttons from './pages/ui/button'
import Modals from './pages/ui/modals'
import Gallery from './pages/ui/gallery'
import Carousel from './pages/ui/carousel'
import Tabs from './pages/ui/tabs'
import FormLogin from './pages/form/login'
import FormRegister from './pages/form/reg'
import Bar from './pages/echarts/bar'
import Pie from './pages/echarts/pie'
import Line from './pages/echarts/line'
import Rich from './pages/rich'
export default class IRouter extends React.Component{
    render(){
        return(
            <Router>
                <App>
                    <Switch>
                        <Route path="/login" component={Login}/>
                        <Route path="/" render={()=>
                            <Admin>
                                <Switch>
                                    <Route path='/home' component={Home} />
                                    <Route path="/ui/buttons" component={Buttons} />
                                    <Route path="/ui/modals" component={Modals} />
                                    {/*<Route path="/ui/loadings" component={Loadings} />*/}
                                    {/*<Route path="/ui/notification" component={Notice} />*/}
                                    {/*<Route path="/ui/messages" component={Messages} />*/}
                                    <Route path="/ui/tabs" component={Tabs} />
                                    <Route path="/ui/gallery" component={Gallery} />
                                    <Route path="/ui/carousel" component={Carousel} />
                                    <Route path="/form/login" component={FormLogin} />
                                    <Route path="/form/reg" component={FormRegister} />
                                    {/*<Route path="/table/basic" component={BasicTable} />*/}
                                    {/*<Route path="/table/high" component={HighTable} />*/}
                                    <Route path='/rich' component={Rich} />
                                    {/*<Route path="/city" component={City} />*/}
                                    {/*<Route path="/order" component={Order} />*/}
                                    {/*<Route path='/bikeMap' component={BikeMap} />*/}
                                    {/*<Route path='/user' component={User} />*/}
                                    <Route path="/charts/bar" component={Bar} />
                                    <Route path="/charts/pie" component={Pie} />
                                    <Route path="/charts/line" component={Line} />
                                    {/*<Route path="/permission" component={Permission} />*/}
                                    <Redirect to="/home" />
                                    {/* <Route component={NoMatch} /> */}
                                </Switch>
                            </Admin>
                        } />
                    </Switch>
                </App>
            </Router>
        )
    }
}